	<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>尺寸问题</title>
		<style>
			
			di v#d1{
				width:50%;
				height:500px;
				/* 颜色色值：透明度： */
				
				
				background:rgba(243, 35, 134, .1); 
				/* 尽量不要超过255 */
			}
		/* 最大宽度与最小宽度 */
		div#container{
			background: #f0f0f0;
			
		}
		div.box{
			background: #005500;
			color: #fff;
			width: 80%;
			min-width: 500px;
			/* 最大宽度，设定,宽度最大上限600px,移动端 */
			max-width: 650px;
			/* 页面设定最大与最小宽高，约定 移动端宽高比 页面错乱 */
		}
		</style>
	</head>
	<body>
		<div id="d1"></div>
		<!-- div有宽没高 -->
		<!-- 最大宽度与最小宽度  与 自适应 挂钩   自适应：编写页面在任何浏览器下正常显示-->
		<div id="container">
			<div class="box">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Adipisci doloribus quo quos inventore accusamus mollitia optio, voluptatum porro tempore suscipit, quibusdam accusantium repellat eum quia? Eaque rem beatae assumenda. Eius.</div>
		</div>
	</body>
</html>